<template>
	<div class="home">
		<van-tabbar route v-model="active" active-color="rgb(255, 63, 120) ">
			<van-tabbar-item :to="{name: `home`}">首页</van-tabbar-item>
			<van-tabbar-item :to="{name: `shop`}">商城</van-tabbar-item>
			<van-tabbar-item :to="{name: `live`}">直播</van-tabbar-item>
			<van-tabbar-item :to="{name: `my`}">我</van-tabbar-item>
		</van-tabbar>
		<keep-alive>
			<RouterView />
		</keep-alive>
	</div>
</template>

<script>
export default {
	name: "AppView",

	data() {
		return {
			active: "home",
		};
	},

	mounted() {
		//axios测试
		// this.getData();
	},

	methods: {
		// async getData() {
		// 	let url = `/mogujie/video/item?page=2`;
		// 	let {data} = await this.$axios(url);
		// 	console.log(data);
		// },
	},
};
</script>

<style lang="scss" scoped>
.van-tabbar-item {
	font-size: 20px;
}
</style>
